@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  @keyframes float {
    0%,
    100% {
      transform: translateY(0px) rotate(0deg);
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    50% {
      transform: translateY(-100vh) rotate(180deg);
      opacity: 0.7;
    }
    90% {
      opacity: 1;
    }
  }

  .animate-float {
    animation: float linear infinite;
  }
}

/* 添加优雅的字体样式 */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap");

.font-serif {
  font-family: "Cinzel", serif;
}
